<ion-header>
  <ion-navbar color="dark">
    <ion-title class="center">
      个人中心
    </ion-title>
  </ion-navbar>
</ion-header>

<ion-content>


  <!--<ion-list *ngIf="!islogin">-->
    <!--<ion-item (click)="openSignupOrlogin()">-->
      <!--<h2>立即登录</h2>-->
    <!--</ion-item>-->
  <!--</ion-list>-->
  <!--<ion-list *ngIf="islogin">-->
    <!--<ion-item>-->
      <!--<ion-avatar item-left>-->
        <!--<img src="assets/images/1.jpg">-->
      <!--</ion-avatar>-->
      <!--<h2>用户名{{userInfo.phone}}</h2>-->
      <!--<h3>昵称1200</h3>-->
      <!--<h3>积分1200</h3>-->
      <!--<h3>积分1200</h3>-->
      <!--<p>注册日期{{userInfo.loginIp}}</p>-->
    <!--</ion-item>-->
    <!--<ion-list-header>-->
      <!--最近创建的活动-->
    <!--</ion-list-header>-->
    <!--<a ion-item>-->
      <!--<ion-avatar item-left>-->
        <!--<img src="assets/images/1.jpg">-->
      <!--</ion-avatar>-->
      <!--<h2>川农体育馆打球</h2>-->
      <!--<p class="agotime">1天前</p>-->
    <!--</a>-->

    <!--<ion-list-header>-->
      <!--最近参与的活动-->
    <!--</ion-list-header>-->
    <!--<a ion-item>-->
      <!--<ion-avatar item-left>-->
        <!--<img src="assets/images/2.jpg">-->
      <!--</ion-avatar>-->
      <!--<h2>新区操场我们约跑步</h2>-->
      <!--<p class="agotime">1小时前</p>-->
    <!--</a>-->

    <!--<ion-list-header>-->
      <!--系统-->
    <!--</ion-list-header>-->
    <!--<button (click)="logout()" ion-button full color="danger">注销</button>-->
  <!--</ion-list>-->

  <div *ngIf="!islogin">
    <ion-card>
      <ion-card-header text-center>
        登录 易校园APP，体验更多功能
      </ion-card-header>
      <ion-card-content text-center>
        <button ion-button outline small (click)="openSignupOrlogin()">登录/注册</button>
      </ion-card-content>
    </ion-card>
  </div>

  <div *ngIf="islogin">
    <ion-list class="marginTop">
      <button ion-item (click)="gotoUserInfoPage()">
        <ion-avatar item-start>
          <img src="{{userFace}}" />
        </ion-avatar>
        <h2>{{userInfo.phone}}</h2>
        <p>查看个人主页或编辑简介</p>
      </button>
    </ion-list>


    <ion-list class="marginTop">
      <ion-list-header>
        我的活动
      </ion-list-header>
      <button ion-item>
        <ion-icon name="paper" item-start color="primary"></ion-icon>
        <ion-label>我发布的活动</ion-label>
      </button>
      <button ion-item >
        <ion-icon name="star" item-start color="orange"></ion-icon>
        <ion-label>我参加的活动</ion-label>
      </button>
      <button ion-item >
        <ion-icon name="disc" item-start color="secondary"></ion-icon>
        <ion-label>我的收藏</ion-label>
      </button>
    </ion-list>

    <ion-list class="marginTop">
      <ion-list-header>
        设置
      </ion-list-header>
      <ion-item>
        <ion-icon name="cloudy-night" item-start color="purple"></ion-icon>
        <ion-label>夜间模式</ion-label>
        <ion-toggle color="purple"></ion-toggle>
      </ion-item>
      <button ion-item >
        <ion-icon name="qr-scanner" item-start color="dark"></ion-icon>
        <ion-label>扫描二维码</ion-label>
      </button>
      <button ion-item>
        <ion-icon name="help-circle" item-start color="dark"></ion-icon>
        <ion-label>关于</ion-label>
      </button>
    </ion-list>
  </div>

</ion-content>
